<!DOCTYPE html>
<html>

<head>
    <title>我的直播间</title>
    <meta charset="UTF-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta content="True" name="HandheldFriendly" />
    <meta content="320" name="MobileOptimized" />
    <link rel="stylesheet" type="text/css" th:href="@{/src/css/bootstrap.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/src/css/faxsun-mobile-center.css}" />
    <script type="text/javascript" th:src="@{/lib/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/src/js/live/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/src/js/live/iscroll-probe.js}"></script>
    <script type="text/javascript">
    $(function() {
        var myLive = new IScroll('#myLive', {
            mouseWheel: true,
            tap: true,
            click: true
        });
        document.addEventListener('touchmove', function(e) {
            e.preventDefault();
        }, false);
        $(".list-group-item-text").each(function(){
            if($(this).text().length>45){
                $(this).text($(this).text().substring(0,40)+"...");
            }
        });
    });
    </script>
</head>

<body>
    <header class="create-btn">
        <a th:href="@{/live/createChannel}" class="btn btn-primary btn-lg btn-block"><span>+</span> 新建直播</a>
    </header>
    <div id="myLive" class="myLive">
        <div class="myLive-scroll">
            <div th:replace="/views/mobile/live/partials/liveList"></div>
        </div>
    </div>
</body>

</html>
